<template>
  <div class="home">
    <el-row style="margin-left: -10px;margin-right: -10px;">
      <el-col :span="18">
        <el-row style="margin-left: -10px; margin-right: -10px;">
          <!-- 工单统计 -->
          <el-col :span="13">
            <task />
          </el-col>
          <!-- 销售统计 -->
          <el-col :span="11">
            <reconciliation />
          </el-col>
        </el-row>
        <!-- 销售数据 -->
        <sales />
      </el-col>
      <!-- 商品热榜 -->
      <el-col :span="6">
        <goods />
      </el-col>
    </el-row>
    <el-row style="margin-left: -10px; margin-right: -10px; margin-top: 20px;">
      <!-- 合作商点位数 -->
      <el-col :span="14">
        <partners />
      </el-col>
      <!-- 异常设备监控 -->
      <el-col :span="10">
        <abnormal />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import Abnormal from './components/Abnormal.vue'
import Goods from './components/Goods.vue'
import Partners from './components/Partners.vue'
import Reconciliation from './components/Reconciliation.vue'
import Sales from './components/Sales.vue'
import Task from './components/Task.vue'
export default {
  name: '',
  components: { Task, Reconciliation, Goods, Sales, Abnormal, Partners },
  props: {},
  data() {
    return {
    }
  },
  computed: {},
  watch: {},
  created() {
  },
  methods: {
  }
}
</script>
<style lang="scss">
.home{
  .el-col{
    padding-left: 10px;
    padding-right: 10px;
  }
}
</style>
<style scoped lang='scss'>
@import "~@/styles/home.scss";
</style>
